/*基础卡片*/
.list-card{
	@include flex()
	padding: 20rpx;
	margin: 20rpx;
	border-radius: 10rpx;
	box-shadow: 0 0 10rpx 2rpx rgba(0,0,0,0.1);
	.list-card-img{
		width: 120rpx;
		height: 120rpx;
		border-radius: 10rpx;
		overflow: hidden;
		flex-shrink: 0;
		image{
			width: 100%;
			height: 100%;
		}
	}
	.list-card-content{
		@include flex(space-between,column)
		padding-left: 20rpx;
		align-items: flex-start;
		overflow: hidden;
		width: 100%;
		.list-card-content-title{
			width: 100%;
			height: auto;
			@include flex()
			align-items: flex-start;
			font-size: 28rpx;
			color: $uni-text-color;
			font-weight: 400;
			line-height: 1.2;
			text{
			overflow: hidden;
		    text-overflow: ellipsis;
			word-break: break-all;
			display: -webkit-box;
			-webkit-line-clamp:2;
			-webkit-box-orient:vertical;
			}
			.article-list-follow{
				margin-left: 20rpx;
			}
		}
		
	}
	.list-card-desc{
			@include flex();
			width: 100%;
			font-size: 24rpx;
			margin-top: 20rpx;
			.article-type{
				padding: 0 10rpx;
				margin-right: 10rpx;
				border-radius: 30rpx;
				color: $base-color;
				border: 1rpx solid $base-color;
			}
			.browse-numbers{
				
				font-weight: 100;
				color: $uni-text-color-grey;
			}
		
		}
		/*多图/大图公共样式*/
		.list-card-top,.list-card-middle,.list-card-buttom{
			@include flex();
			width: 100%;
		}
			/*多图模式*/
			&.mode-column{
			flex-direction: column;
			.list-card-top{
				text{
					font-size:28rpx ;
					color: #333;
				}
			}
			.list-card-middle{
				margin: 20rpx 0;
				
			}
			.middle-image-container{
					width: 32%;
					border-radius: 10rpx;
					height: 140rpx;
					overflow: hidden;
					image{
						width: 100%;
						height: 100%;
					}
				}
		}
		/*大图模式*/
		&.mode-image{
			flex-direction: column;
			.middle-image-container{
				width: 100%;
				height: 200rpx;
				image{
					width: 100%;
					height: 100%;
				    object-fit: cover;
				}
			}
			.list-card-middle{
				margin-top: 10rpx;
				text{
					font-size: 28rpx;
					color: #333;
				}
			}
		}
		
}
